import React from 'react'
import styles from "../assets/styles/home.module.less"
import { Outlet,Link,NavLink } from "react-router-dom"

export default function Home() {
  return (
    <div className={styles.wrapper}>
      <div className={styles.menu}>
        <ul>
          <li><Link to="/home/user">用户管理</Link></li>
          <li><Link to="/home/role">角色管理</Link></li>
          <li><NavLink to="/home/">主页</NavLink></li>
        </ul>
      </div>
      <div className={styles.content}>
        {/* 路由渲染出口，类似于Vue router-view */}
        <Outlet></Outlet>
      </div>
    </div>
  )
}
